<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../../dist/css/public.min.css">
  
</head>
<body>
    <header id="top">
        <ul id="ul1">
    
          <li id="lia" style="background-color:blue ;">中兴官网</li>
    
          <li id="lib">消费者业务</li>
    
          <li id="lic">运行商业务</li>
    
          <li id="lid">企业业务</li>
        </ul>
        <div id="tright">
          <span><a href="./html/register.html">登录</a></span>
    
          <span><a href="./html/login.html">注册</a></span>
    
          <span>手机商城</span>
        </div>
    
    
        <!-- 中兴商城 -->
        <div id="zhong">
          <div id="logo"><img src="https://image.ztemall.com/bb27a3154a9d096e434aae60cd793d88.png" alt="logo"></div>
    
          <div id="sousuo"><input type="text"> <a href="javascript:;"
              style="float: left;margin-top:10px;width:100px;height:48px; background: red;text-align: center;font-size: 16px; line-height: 45px;">搜索</a>
            <p style="font-size:10px ;width: 500px; height: 10px;margin-top: 60px;padding-left: 18px;"><a
                href="javascript:;" style="color:red ;">热门搜索: </a> Z40PRO</p>
          </div>
    
          <div id="gou" style="background-color: red;"> <span class="iconfont icon-gouwuche
                  " style="width: 16px;height:16px;font-size:20px"> </span><a href="">查看购物车</a></div>
        </div>
    
        <!-- nav -->
        <div id="nav">
          <ul>
            <li id="lie" style="background-color: blue;"><a>全部商品分类</a></li>
            <li id="lie">ZTE中兴社区</li>
            <li id="lie">努比亚专区</li>
            <li id="lie">红魔专区</li>
            <li id="lie">智能手表</li>
            <li id="lie">线上门店</li>
            <li id="lie">线上服务站</li>
            <li id="lie">中兴社区</li>
          </ul>
        </div>
      </header>
     <!-- 尾部 -->
     <footer>
        <!-- 帮助中心 -->
        <div id="help">
          <div id="helptop">
            <div id="ht1">
              <img width="67" height="67" src="https://image.ztemall.com/6fd680f3aa8b65ec835bfee40c7c6cb1.png" alt=""
                style="margin-left: 40px;">
              <h4 style="margin-left: 40px;">正品保障</h4>
            </div>
            <div id="ht2">
              <img width="67" height="67" src="https://image.ztemall.com/a2e66efbb8f82c9448e39bbfa720af32.png" alt=""
                style="margin-left: 40px" ;>
              <h4 style="margin-left: 40px;">7天退货保障</h4>
            </div>
            <div id="ht3">
              <img width="67" height="67" src="https://image.ztemall.com/bb910883c73e6524b5d0c9137ef235e5.png" alt=""
                style="margin-left: 40px">
              <h4 style="margin-left: 40px;">15天换货承诺</h4>
            </div>
            <div id="ht4">
              <img width="67" height="67" src="https://image.ztemall.com/2c0baf608789ea427c1c07344d27f81b.png" alt=""
                style="margin-left: 40px">
    
              <h4 style="margin-left: 40px;">全国售后网点</h4>
    
            </div>
            <div id="ht5">
              <img width="67" height="67" src="https://image.ztemall.com/782753c9be3ba2f610fc194e97307292.png" alt=""
                style="margin-left: 40px">
              <h4 style="margin-left: 40px;">顺丰极速达</h4>
            </div>
            <div id="ht6">
              <img width="67" height="67" src="https://image.ztemall.com/bb910883c73e6524b5d0c9137ef235e5.png" alt=""
                style="margin-left: 40px">
              <h4 style="margin-left: 40px;">99元起免运费</h4>
            </div>
    
          </div>
          <div id="helpbottom">
            <div id="hb1">
              <p style="padding-left: 20px;margin-top: 30px;">关于我们</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;"> 商城简介</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">联系我们</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">新闻动态</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">企业购</p>
            </div>
            <div id="hb2">
              <p style="padding-left: 20px;margin-top: 30px;">手机 </p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;"> 中兴Axon 30 5G</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴Axon 30 Pro 5G</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴Axon 30 Ultra 5G</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴S30 Pro 5G</p>
    
    
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴S30 5G</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴S30 SE 5G</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴 远航10 5G</p>
    
            </div>
            <div id="hb3">
              <p style="padding-left: 20px;margin-top: 30px;">快速链接 </p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;"> 人才招聘</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">禁止合作名单</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">ECCN查询</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">网络安全</p>
            </div>
            <div id="hb4">
              <p style="padding-left: 20px;margin-top: 30px;">服务支持 </p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;"> 服务网点</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">中兴京东自营官方旗舰店</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">天猫ZTE中兴官方旗舰店</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">保修政策</p>
            </div>
            <div id="hb5">
              <p style="padding-left: 20px;margin-top: 30px;">全国服务热线 </p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">400-880-9999 </p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;"> 周一到周日 (全年无休)</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">商城在线客服： 8:30-24:00</p>
              <p style="font-size: 12px;margin-top: 10px;margin-left: 20px;">400服务热线 : 8:30-20:30</p>
              <img style="width:60px;height:60px;margin-left:30px;"
                src="https://image.ztemall.com/ff89dbfcea3e65ed1a754c27ab44fa39.jpg">
    
            </div>
    
          </div>
        </div>
        <div id="bottom">
          <div id="bt"><img src="https://image.ztemall.com/4838cc505d2a981c5ae09c56958d8895.png"
              style="margin-left: 450px;"></div>
          <div id="bm" style="font-size: 12px; text-align: center;margin-top: 20px;">
            服务协议 |隐私政策 |法律声明| ©2014 - 2021 版权所有，并保留所有权利
          </div>
          <div id="bb" style="font-size: 12px;margin-top: 20px;text-align: center;">增值电信业务经营许可证：合字B2-20210066 | ICP备案证书号
            :粤ICP备16018970号 | 粤公网安备 44030502005102号| 营业执照 <img src="https://szcert.ebs.org.cn/Images/govIcon.gif"
              title="深圳市市场监督管理局企业主体身份公示" alt="深圳市市场监督管理局企业主体身份公示" width="26" height="36" border="0"
              style="border-width:0px;border:hidden; border:none;"> </div>
    
        </div>
    
    
      </footer>
     <script src="../lib/jquery-1.12.4.min.js"></script>
     <script>
         $('.mb').mouseenter (function(){
            //  console.log('')
             $('.xiazai-img').css({
                 display : 'block'

             })
         })
         $('.mb').mouseout(function(){
            //  console.log('')
             $('.xiazai-img').css({
                 display : 'none'

             })
         })
     </script>
</body>
</html>